<template>
	<header id="header">
		<slot></slot>
		<h1>{{title}}</h1>
	</header>
</template>

<script>
	export default{
		props:{
			title:{
				type:String,
				default:"喵喵电影"
			}
		}
	}
</script>

<style scoped>
	#header{
		position: relative;
		width: 100%;
		height: 50px;
		color: #fff;
		background-color: #e54847;
		border-bottom: 1px solid #e54847;
	}
	#header h1{
		font-size: 18px;
		text-align: center;
		line-height: 50px;
		font-weight: normal;
	}
</style>
